<template>
	<view  >
			<view class="bj">
				<view class="bj1">
					<view style="margin-top: 88upx;" @click="gotoBack()"><u-icon name="arrow-left" color="#FFFFFF" size="24"></u-icon></view>
					<view class="bj2">筛选</view>
				</view>
			</view>
			<view class="t3">
				<view class="t1">
					<view class="t2">
						<view class="t4">波恩(广州新白云机场国际店)</view>
						<view class="t5">
							<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/37.png"></image>
							<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/37.png"></image>
							<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/37.png"></image>
							<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/37.png"></image>
							<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/37.png"></image>
						</view>
					</view>
					<view class="t6">
						<view class="t7">
							<view>2015年开业</view>
							<view>免费接车</view>
							<view>免费停车</view>
						</view>
						<view class="t8">
							<text>更多</text>
							<u-icon name="arrow-right" color="#84C0F4" size="20"></u-icon>
						</view>
					</view>
					<view class="t9">
						<view class="t10">
							<view class="t11">
								<view class="t12">4.7</view>
								<view class="t13">很好</view>
								<view class="t14">共540条</view>
								<u-icon name="arrow-right" color="#84C0F4" size="16"></u-icon>
							</view>
							<view class="t15">“环境舒适干净整洁美观”</view>
						</view>
						<view class="t16">
							<view class="t17">
								<view class="t18">距肇庆城东粤运汽车站步行1.51公里，约22分钟 </view>
								<view class="t19">七星岩/星湖/肇庆站</view>
							</view>
							<view class="t20">
								<view class="t21"><image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/38.png"></image></view>
								<view class="t22">导航</view>
							</view>
						</view>
					</view>
				</view>
				<view style="height: 320upx;"></view>
				<view class="t23">
					<view class="t24">
						<view class="t25">03月04日</view>
						<view class="t26">今天</view>
					</view>
					<view class="t27">1晚</view>
					<view class="t28">
						<view class="t29">03月05日</view>
						<view class="t30">明天</view>
					</view>
				</view>
				<view class="t31">
					<view class="t32">平台特价房</view>
					<view class="t33">
						<view class="t34">
							<view class="t35">平台特价</view>
							<view class="t36">5</view>
						</view>
						<view class="t37">
							<view class="t38">
								<view class="t39">
									<view class="t40">轻奢小床房</view>
									<view class="t41">（特价）</view>
								</view>
								<view><u-icon name="arrow-right" color="#666666" size="16"></u-icon></view>
							</view>
							<view class="t42">
								<view>2份早餐</view>
								<view>1张1.8米大床</view>
								<view>2人入住</view>
								<view>30m2</view>
							</view>
							<view class="t43">
								<view class="t44">平台特价房</view>
								<view class="t45">入住当天18:00前可免费取消</view>
							</view>
							<view class="t46">
								<view class="t47">
									<view class="t48">
										<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/39.png"></image>
										<view>即时确认</view>
									</view>
									<view class="t48" style="margin-left: 18upx;">
										<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/40.png"></image>
										<view>可吸烟</view>
									</view>
								</view>
								<view  class="t53">
									<view class="t49">
										<view class="t50">
											<view class="t51">￥356</view>
											<view class="t52">￥54</view>
										</view>
										<view class="t54">优惠8</view>
										
									</view>
									<view class="t55" @click="shenhe()">立即预定</view>
								</view>
								
								
							</view>
						</view>
					</view>
					
					
					<view class="t33">
						<view class="t34">
							<view class="t35">平台特价</view>
							<view class="t36">5</view>
						</view>
						<view class="t37">
							<view class="t38">
								<view class="t39">
									<view class="t40">轻奢小床房</view>
									<view class="t41">（特价）</view>
								</view>
								<view><u-icon name="arrow-right" color="#666666" size="16"></u-icon></view>
							</view>
							<view class="t42">
								<view>2份早餐</view>
								<view>1张1.8米大床</view>
								<view>2人入住</view>
								<view>30m2</view>
							</view>
							<view class="t43">
								<view class="t44">平台特价房</view>
								<view class="t45">入住当天18:00前可免费取消</view>
							</view>
							<view class="t46">
								<view class="t47">
									<view class="t48">
										<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/39.png"></image>
										<view>即时确认</view>
									</view>
									<view class="t48" style="margin-left: 18upx;">
										<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/40.png"></image>
										<view>可吸烟</view>
									</view>
								</view>
								<view  class="t53">
									<view class="t49">
										<view class="t50">
											<view class="t51">￥356</view>
											<view class="t52">￥54</view>
										</view>
										<view class="t54">优惠8</view>
										
									</view>
									<view class="t55">立即预定</view>
								</view>
								
								
							</view>
						</view>
					</view>
					<view class="t33">
						<view class="t34">
							<view class="t35">平台特价</view>
							<view class="t36">5</view>
						</view>
						<view class="t37">
							<view class="t38">
								<view class="t39">
									<view class="t40">轻奢小床房</view>
									<view class="t41">（特价）</view>
								</view>
								<view><u-icon name="arrow-right" color="#666666" size="16"></u-icon></view>
							</view>
							<view class="t42">
								<view>2份早餐</view>
								<view>1张1.8米大床</view>
								<view>2人入住</view>
								<view>30m2</view>
							</view>
							<view class="t43">
								<view class="t44">平台特价房</view>
								<view class="t45">入住当天18:00前可免费取消</view>
							</view>
							<view class="t46">
								<view class="t47">
									<view class="t48">
										<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/39.png"></image>
										<view>即时确认</view>
									</view>
									<view class="t48" style="margin-left: 18upx;">
										<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/40.png"></image>
										<view>可吸烟</view>
									</view>
								</view>
								<view  class="t53">
									<view class="t49">
										<view class="t50">
											<view class="t51">￥356</view>
											<view class="t52">￥54</view>
										</view>
										<view class="t54">优惠8</view>
										
									</view>
									<view class="t55">立即预定</view>
								</view>
								
								
							</view>
						</view>
					</view>
				</view>
			</view>
			
			
		
		
		
		
	</view>
</template>

<script>

	export default {
		
		data() {
			return {
				
			}
		},
		watch:{
			
		},
		onLoad() {
			
		},
		//导航
		mounted: function() {
			
		},
		
		methods:{
			shenhe(){
				uni.navigateTo({
					url:'/pages/hotel/examine'
				})
			},
			//顶部返回
			gotoBack(){
				uni.navigateBack({
					delta:1
				})
			},
		
		}
	}
</script>

<style lang="scss" scoped>	
	.t3{
		background: #F6F6F6;
		.t1{
			width: 100%;
			height:350upx;
			background: #FFFFFF;
			border-top-left-radius: 40upx;
			border-top-right-radius: 40upx;
			position: absolute;
			top: 360upx;
			.t2{
				display: flex;
				align-items: center;
				padding-left: 32upx;
				padding-top: 22upx;
				.t4{
					font-size: 36upx;
					font-family: Source Han Sans CN-Medium, Source Han Sans CN;
					font-weight: 500;
					color: #333333;
				}
				.t5{
					margin-left: 22upx;
					image{
						height: 29upx;
						width: 31upx;
					}
				}
				
			}
			.t6{
				display: flex;
				padding-left: 32upx;
				margin-top: 32upx;
				.t7{
					display: flex;
					font-size: 26upx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #666666;
					view{
						margin-right: 20upx;
					}
				}
				.t8{
					display: flex;
					font-size: 26upx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #84C0F4;
					margin-left: 184upx;
				}
			}
			.t9{
				display: flex;
				margin-left: 34upx;
				margin-top: 34upx;
				.t10{
					width: 254upx;
					height: 150upx;
					background: linear-gradient(225deg, #FFF7E8 0%, #D6ECFF 100%);
					opacity: 1;
					border-radius: 20upx;
					.t11{
						display: flex;
						margin-left: 16upx;
						margin-top: 22upx;
						view{
							margin-right: 3upx;
						}
						.t12{
							width: 56upx;
							height: 36upx;
							background: #84C0F4;
							font-size: 36upx;
							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
							font-weight: 500;
							color: #FFFFFF;
							line-height: 36upx;
							text-align: center;
						}
						.t13{
							font-size: 26upx;
							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
							font-weight: 500;
							color: #84C0F4;
						}
						.t14{
							font-size: 22upx;
							font-family: Source Han Sans CN-Normal, Source Han Sans CN;
							font-weight: 400;
							color: #666666;
						}
					}
					.t15{
						margin-top: 14upx;
						font-size: 22upx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #333333;
					}
					
				}
				.t16{
					width: 408upx;
					height: 150upx;
					background: linear-gradient(219deg, #FFF7E8 0%, #D6ECFF 100%);
					margin-left: 20upx;
					border-radius: 20upx;
					display: flex;
					padding-left: 18upx;
					
					.t17{
						padding-top: 26upx;
						width: 284upx;
						.t18{
							font-size: 22upx;
							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
							font-weight: 500;
							color: #333333;
						}
						.t19{
							font-size: 22upx;
							font-family: Source Han Sans CN-Normal, Source Han Sans CN;
							font-weight: 400;
							color: #666666;
							margin-top: 18upx;
						}
					}
					.t20{
						margin-left: 38upx;
						padding-top: 26upx;
						.t21{
							image{
								width: 44upx;
								height: 44upx;
							}
						}
						.t22{
							font-size: 24upx;
							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
							font-weight: 500;
							color: #666666;
							margin-top: 16upx;
						}
					}
					
				}
			}
		}
		.t23{
			width: 100%;
			height: 92upx;
			background: #FFFFFF;
			display: flex;
			.t24{
				display: flex;
				align-items: center;
				margin-top: 32upx;
				margin-left: 32upx;
				.t25{
					font-size: 28upx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
				.t26{
					font-size: 20upx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #666666;
					margin-left: 10upx;
				}
			}
			.t27{
				margin-top: 32upx;
				width: 86upx;
				height: 42upx;
				background: #F5F6F8;
				text-align: center;
				line-height: 42upx;
				font-size: 24upx;
				font-family: Source Han Sans CN-Regular, Source Han Sans CN;
				font-weight: 400;
				color: #333333;
				margin-left: 140upx;
				border-radius: 50upx;
				margin-right: 114upx;
			}
			.t28{
				display: flex;
				margin-top: 32upx;
				.t29{
					font-size: 28upx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
				.t30{
					font-size: 20upx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #666666;
					margin-left: 10upx;
				}
			}
		}
		.t31{
			margin-top: 50upx;
			background: #FFFFFF;
			width: 100%;
			padding-left: 32upx;
			.t32{
				padding-top: 28upx;
				font-size: 30upx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #333333;
			}
			.t33{
				margin-top: 32upx;
				display: flex;
				border-bottom: 2upx solid #F6F6F6;;
				padding-bottom: 32upx;
				.t34{
					background-image: url('https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/bj.png');
					background-size: 100% 100%;
					width: 168upx;
					height: 218upx;
					border-radius: 20upx;
					.t35{
						background: linear-gradient(270deg, #F8B83A 0%, #FFE7B7 100%);
						border-radius: 12upx 52upx 52upx 0px;
						width: 101upx;
						height: 36upx;
						font-size: 20upx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #785919;
						text-align: center;
						line-height: 36upx;
					}
					.t36{
						width: 33upx;
						height: 31upx;
						background: #000000;
						border-radius: 0px 0px 0px 12upx;
						background: rgba(0, 0, 0, 0.4);
						font-size: 20upx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #FFFFFF;
						text-align: center;
						line-height: 31upx;
						margin-top: 152upx;
					}
				}
				.t37{
					margin-left: 20upx;
					.t38{
						display: flex;
						align-items: center;
						.t39{
							display: flex;
							margin-right: 230upx;
							.t40{
								font-size: 32upx;
								font-family: Source Han Sans CN-Medium, Source Han Sans CN;
								font-weight: 500;
								color: #333333;
							}
							.t41{
								font-size: 28upx;
								font-family: Source Han Sans CN-Medium, Source Han Sans CN;
								font-weight: 500;
								color: #F1AF2A;
							}
						}
					}
					.t42{
						display: flex;
						margin-top: 20upx;
						view{
							font-size: 26upx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #333333;
							margin-right: 20upx;
						}
					}
					.t43{
						display: flex;
						margin-top: 16upx;
						.t44{
							width: 116upx;
							height: 34upx;
							border-radius: 4upx;
							font-size: 20upx;
							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
							font-weight: 500;
							color: #F1AF2A;
							text-align: center;
							line-height: 34upx;
							border: 2upx solid #F1AF2A;
						}
						.t45{
							font-size: 24upx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #5C9DD6;
							margin-left: 10upx;
						}
					}
					.t46{
						.t47{
							display: flex;
							padding-top: 16upx;
							float: left;
							.t48{
								display: flex;
								align-items: center;
								image{
									width: 16upx;
									height: 21upx;
									margin-right: 8upx;
								}
								view{
									font-size: 20upx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #333333;
								}
							}
						}
						.t53{
							float: right;display: flex;
							margin-right: 12upx;
						}
						.t49{
							.t50{
								display: flex;
								margin-left: 42upx;
								.t51{
									font-size: 24upx;
									font-family: Source Han Sans CN-Normal, Source Han Sans CN;
									font-weight: 400;
									color: #999999;
									text-decoration: line-through;
									margin-top: 32upx;
								}
								.t52{
									font-size: 44upx;
									font-family: Source Han Sans CN-Medium, Source Han Sans CN;
									font-weight: 500;
									color: #DC5757;
									margin-top: 12upx;
								}
							}
							.t54{
								margin-left: 54upx;
								width: 108upx;
								height: 36upx;
								background: #84C0F4;
								font-size: 18upx;
								font-family: Source Han Sans CN-Regular, Source Han Sans CN;
								font-weight: 400;
								color: #FFFFFF;
								text-align: center;
								line-height: 36upx;
								border-radius: 30upx;
							}
						}
						.t55{
							width: 84upx;
							height: 84upx;
							background: #84C0F4;
							border-radius: 8upx ;
							font-size: 30upx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 500;
							color: #FFFFFF;
							text-align: center;
							margin-left: 18upx;
							margin-right: 32upx;
						}
					}
				}
			}
		}
	}
	
	.bj{
		background-image: url('https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/bj.png');
		background-size: 100% 100%;
		width: 100%;
		height:418upx;
		.bj1{
			height: 178upx;
			padding-left: 34upx;
			display: flex;
			align-items: center;
			.bj2{
				font-size: 34upx;
				font-family: Source Han Sans CN-Regular, Source Han Sans CN;
				font-weight: 400;
				color: #FFFFFF;
				margin-left: 290upx;
				margin-top: 88upx;
			}
		}
		
	}


</style>
